<template lang="pug">
  .content
    h2
        span
        | {{title}}
        span

</template>
<script>
export default {
  name: 'vcontent',
  props: ['title'],
}
</script> 
<style lang="scss" scoped>
.content {
    width: $width;
    margin-top: 29px;
    margin-bottom: 26px;
    text-align: center; 
    h2 {
        font-weight: normal;
        span {
            @extend %menu-radius;
            &:nth-of-type(1) {
                margin-right: 2.5rem /* 40/16 */;
                &::before {
                    @extend %menu-line;
                    right: 0;
                }
            }
            &:nth-of-type(2) {
                margin-left: 2.5rem /* 40/16 */;
                &::before {
                    @extend %menu-line;
                    left: 0;
                }
            }
        }
    }
}
</style>


